<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
		<!--ios是否运行创建快捷启动方式-->
		<meta content="yes" name="apple-mobile-web-app-capable">
		<!--ios顶部通知栏的样式 黑色-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<!--遇到数字不让转成电话号码格式-->
		<meta content="telephone=no" name="format-detection">
		<title>微链接</title>
		<link rel="stylesheet" href="assets/mui/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="common/css/base.css" />
		<link rel="stylesheet" href="assets/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/a-link-editlink.css" />
	</head>

	<body>
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll" style="height: 100%;">
				<!--顶部-->
				<div class="h-back"></div>

				<div id="editLink">
					<!--TODO-->
				</div>
				<!--选择图标-->
				<div class="choose-newicon">
					<div class="mui-scroll-wrapper" style="background-color: white;">
						<div class="mui-scroll">
							<div class="newiconhead">
								<div id="newback">
									<span><img src="img/right.png"/></span>
									<span>返回</span>
								</div>
								<span id="newfinish">完成</span>
							</div>

							<ul class="seleteIcon">

								<li>
									<span class="fa fa-calculator"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-calendar-check-o"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-camera-retro"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-credit-card"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-envelope-o"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-file-movie-o"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-film"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-feed"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-globe"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>

								<li>
									<span class="fa fa-hourglass-start"></span>
									<span><img src="img/icon-up.png"/></span>
								</li>
							<li>
									<span class="fa fa-ravelry"></span>
								</li>
								<li>
									<span class="fa fa-shower"></span>
								</li>
								<li>
									<span class="fa fa-telegram"></span>
								</li>
								<li>
									<span class="fa fa-wpexplorer"></span>
								</li>
								<li>
									<span class="fa fa-ban"></span>
								</li>
								<li>
									<span class="fa fa-bell"></span>
								</li>
								<li>
									<span class="fa fa-calendar-minus-o"></span>
								</li>
								<li>
									<span class="fa fa-comments"></span>
								</li>
								<li>
									<span class="fa fa-cube"></span>
								</li>
								<li>
									<span class="fa fa-envelope"></span>
								</li>
								<li>
									<span class="fa fa-exclamation-circle"></span>
								</li>
								<li>
									<span class="fa fa-coffee"></span>
								</li>
								<li>
									<span class="fa fa-database"></span>
								</li>
								<li>
									<span class="fa fa-diamond"></span>
								</li>
								<li>
									<span class="fa fa-female"></span>
								</li>
								<li>
									<span class="fa fa-film"></span>
								</li>
								<li>
									<span class="fa fa-glass"></span>
								</li>
								<li>
									<span class="fa fa-file-code-o"></span>
								</li>
								<li>
									<span class="fa fa-file-picture-o"></span>
								</li>
								<li>
									<span class="fa fa-file-text-o"></span>
								</li>
								<li>
									<span class="fa fa-file-text"></span>
								</li>
								<li>
									<span class="fa fa-spinner"></span>
								</li>
								<li>
									<span class="fa fa-usd"></span>
								</li>
								<li>
									<span class="fa fa-chain-broken"></span>
								</li>
								<li>
									<span class="fa fa-stop"></span>
								</li>
							
			
							</ul>
						</div>
					</div>
				</div>

				<!--保存-->
				<div class="code-btn">保存</div>
			</div>
		</div>

		<script type="text/html" id="editTemplate">
			<div class="icon">
				<div class="createNew"><span class="<%=tbLink.linkImg%>" style="background-color:<%=tbLink.linkColour%> ;"></span></div>
				<div>选择图标</div>
			</div>

			<div class="iconname">
				<input type="" name="" id="" placeholder="请输入栏目名称" value="<%=tbLink.linkName%>" />
			</div>
			<div class="iconlink">
				<input type="" name="" id="" placeholder="请输入完成链接地址" value="<%=tbLink.linkSite%>" />
			</div>
		</script>
		<script src="js/jquery-3.1.0.min.js"></script>
		<script src="assets/artTemplate/template-native.js"></script>
		<script src="js/remstyle.js"></script>
		<script src="common/js/common.js"></script>
		<script src="assets/mui/js/mui.min.js"></script>
		<script src="common/js/header.js"></script>
		<script src="js/a-link-editlink.js"></script>
	</body>

</html>